@charset "UTF-8";
@import url(//tl.changyou.com/logo/xtl_logo.css);
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

q:before,
q:after {
  content: "";
}

fieldset,
img,
abbr,
acronym {
  border: 0;
}

/* basic */
.ttx_x {
  font-family: "font-xlzx";
}

@font-face {
  font-family: "font-xlzx";
  src: url(../img/ttf.ttf);
  font-display: swap;
}

.pop_txt {
  font-family: "pop_txt";
}

@font-face {
  font-family: "pop_txt";
  src: url(../img/pop_txt.ttf);
  font-display: swap;
}

.c:before,
.c:after {
  content: "";
  display: table;
}

.c:after {
  clear: both;
}

.c {
  zoom: 1;
}

body {
  font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", tahoma, "\5b8b\4f53", "\9ED1\4F53", sans-serif;
  background-color: #120e24;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  overflow: hidden;
}

a:not(.gray):hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}

/*主体背景*/
.wrap,
#afooter,
body {
  min-width: 1400px !important;
  _width: expression((document.documentElement.clientWidth||document.body.clientWidth) <1402? "1400px": "");
  overflow-x: hidden;
}

.wrap {
  position: relative;
  min-width: 1400px;
}

.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.db {
  display: block;
  text-indent: -999em;
}

.spn {
  background: url(../img/spn.png) no-repeat;
}

.spt {
  background: url(../img/spt.png) no-repeat;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*头部*/
.head {
  background: url(../img/head.jpg) no-repeat 50% 0;
  height: 1020px;
  text-align: center;
  position: relative;
}

.head_content {
  width: 1400px;
  height: 900px;
  margin: 0 auto;
  position: relative;
}

.login-success {
  position: absolute;
  width: 100%;
  font-size: 18px;
  color: #2d1726;
  text-align: center;
  top: 870px;
  display: block;
}

.login-success span {
  color: #2d1726;
}

.login-success a {
  color: #2d1726;
}

.topbtn-list {
  width: 580px;
  position: absolute;
  top: 780px;
  left: 50%;
  margin-left: -290px;
}

.topbtn-list ul {
  width: 580px;
  display: flex;
  justify-content: center;
}

.topbtn-list a {
  width: 348px;
  height: 82px;
}

.btn-login {
  width: 348px;
  height: 82px;
  background: url(../img/new/btn5.png) no-repeat;
  background-size: 100% 100%;
}

.btn-gx {
  background: url(../img/new/btn6.png) no-repeat;
  background-size: 100% 100%;
}

.btn-gpxz {
  position: absolute;
  top: 18px;
  right: 15px;
  width: 248px;
  height: 68px;
  background: url(../img/new/btn4.png) no-repeat;
  background-size: 100% 100%;
  display: none;
}

.btn-lxzy {
  width: 248px;
  height: 68px;
  position: absolute;
  top: 18px;
  right: -237px;
  background: url(../img/new/btn3.png) no-repeat;
  background-size: 100% 100%;
}

.btn-logo1 {
  background: url(../img/logo1.png) no-repeat;
  width: 83px;
  height: 82px;
  position: absolute;
  top: 10px;
  left: 54px;
}

.btn-logo2 {
  background: url(../img/logo2.png) no-repeat;
  width: 110px;
  height: 74px;
  position: absolute;
  top: 13px;
  left: -65px;
}

.btn-logo3 {
  background: url(../img/logo3.png) no-repeat;
  width: 184px;
  height: 85px;
  position: absolute;
  top: 15px;
  left: -240px;
}

/*主体*/
.container {
  background: url(../img/content.jpg) no-repeat 50% 0;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.content {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  height: auto;
}

/*box1*/
.box1 {
  width: 100%;
  height: 1122px;
  padding-top: 0;
  box-sizing: border-box;
  position: relative;
}

.tit_s1 {
  width: 640px;
  height: 135px;
  margin: 0 auto 10px;
  background: url(../img/new/title1.png) no-repeat;
  background-size: 100% 100%;
}

.box1_main {
  background: url(../img/box1_bg.png) no-repeat;
  width: 1538px;
  height: 773px;
  margin: 0 auto;
  position: relative;
  padding-top: 32px;
  box-sizing: border-box;
  left: 50%;
  transform: translateX(-50%);
}

.icon_box1_rw {
  background: url(../img/box1_rw_zs.png) no-repeat;
  width: 757px;
  height: 1157px;
  position: absolute;
  left: -263px;
  top: -128px;
}

.list_box1 {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 5;
}

.list_box1 li {
  width: 384px;
  height: 629px;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.list_box1 li:nth-child(1) {
  background-image: url(../img/box1_time1_bg.png);
}

.list_box1 li:nth-child(2) {
  background-image: url(../img/box1_time2_bg.png);
}

.list_box1 li:nth-child(3) {
  background-image: url(../img/box1_time3_bg.png);
}

.list_box1 li p {
  width: 296px;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 24px;
  color: #4f4f4f;
  margin-bottom: 47px;
}

.list_box1 li p span:nth-child(1) {
  width: 122px;
  text-align: center;
}

.list_box1 li p span:nth-child(2) {
  width: 155px;
  text-align: left;
}

.btn-understand {
  width: 348px;
  height: 81px;
  background: url(../img/new/btn1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 14px;
}

.icon_box1_zs {
  background: url(../img/box1_bg_zs.png) no-repeat;
  width: 1475px;
  height: 822px;
  position: absolute;
  top: 304px;
  left: -54px;
  pointer-events: none;
}

/*box2*/
.box2 {
  width: 100%;
  height: 1026px;
  box-sizing: border-box;
}

.tit_s2 {
  width: 810px;
  height: 138px;
  margin: 0 auto 0px;
  background: url(../img/new/title2.png) no-repeat;
  background-size: 100% 100%;
}

.tit_s2_ts {
  background-position: -543px 0;
  width: 193px;
  height: 59px;
  margin: 0 auto 0;
}

.txt2_ts {
  width: 100%;
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  padding: 16px 0 10px;
  color: #010100;
}

.txt2_ts span {
  color: #ff631f;
}

.txt2_ts b {
  color: #8239ce;
  font-size: 28px;
}

.box2_main {
  width: 1412px;
  box-sizing: border-box;
  margin-left: -6px;
}

.box2_ticket {
  background-repeat: no-repeat;
  width: 1360px;
  height: 593px;
  background: url(../img/box2_bg.png) no-repeat;
  position: relative;
  box-sizing: border-box;
  padding-left: 92px;
  display: flex;
}

.box2_ticket .r {
  box-sizing: border-box;
  padding-top: 60px;
  color: #5f4636;
  font-size: 21px;
  width: 870px;
}

.box2_ticket .r .tabMain {
  height: 470px;
  overflow-y: auto;
  position: relative;
}

.box2_ticket .r .tabMain .jqqd {
  width: 312px;
  height: 312px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.box2_ticket .r .tabMain + .tabMain {
  display: none;
}

.box2_ticket .r .txtBox1 {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.box2_ticket .r .txtBox1 .little {
  background: url(../img/new/icon1.png) no-repeat;
  background-size: 100% 100%;
  width: 188px;
  height: 33px;
  text-align: center;
  margin-right: 30px;
}

.box2_ticket .r .txtBox2 .little {
  background: url(../img/new/icon1.png) no-repeat;
  background-size: 100% 100%;
  width: 139px;
  height: 33px;
  text-align: center;
}

.box2_ticket .r .txtBox2 .txt {
  background: url(../img/new/icon2.png) no-repeat left top;
  background-position-y: 6px;
  padding-left: 30px;
}

.box2_ticket .r .txtBox2 .txt span {
  color: #e26b1b;
}

.box2_ticket .l {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 208px;
  margin-right: 55px;
}

.box2_ticket .l .items {
  width: 200px;
  margin: 10px 0;
  height: 83px;
  display: block;
  background: url(../img/new/tab1sp.png) no-repeat;
  background-position: 0 0;
}

.box2_ticket .l .items.active {
  background: url(../img/new/tab2sp.png) no-repeat;
}

.box2_ticket .l .items:nth-of-type(2) {
  background-position: 0 -101px;
}

.box2_ticket .l .items:nth-of-type(3) {
  background-position: 0 -201px;
}

.box2_ticket .l .items:nth-of-type(4) {
  background-position: 0 -302px;
}

.box2_ticket .l .items:nth-of-type(5), .box2_ticket .l .items.items5 {
  background-position: 0 -403px;
}

.icon_ticket {
  background: url(../img/box2_ticket_zs.png) no-repeat;
  width: 241px;
  height: 138px;
  position: absolute;
  top: 292px;
  right: -126px;
}

.box2_ticket2 {
  background-image: url(../img/box2_ticket2.png);
  margin-top: 17px;
}

.btn-gobuy {
  width: 635px;
  height: 102px;
  margin: 26px auto 0;
  background: url(../img/new/btn2.png);
}

.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
}

/* .btn-gobuy.gray{background-position: 0 -508px; pointer-events: none;} */
/*box3*/
.box3 {
  width: 100%;
  height: 1940px;
  box-sizing: border-box;
}

.tit_s3 {
  background-position: -137px -422px;
  width: 1127px;
  height: 158px;
  margin: 0 auto 76px;
}

.box3_map {
  background: url(../img/box3_bg.png) no-repeat;
  width: 1316px;
  height: 615px;
  box-sizing: border-box;
  padding-top: 10px;
  position: relative;
  margin: 0 auto;
}

.sc-map {
  width: 1150px;
  height: 595px;
  margin: 0 auto;
  display: block;
}

.sc-map .swiper-slide {
  width: 100%;
  height: 100%;
}

.box3_map img {
  width: 1150px;
  height: 595px;
  margin: 0 auto;
  display: block;
}

.box3_map p {
  width: 40px;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 172px;
  left: 1252px;
}

.box3_txt {
  width: 100%;
  margin-top: 40px;
}

.box3_txt p {
  width: 100%;
  padding-left: 32px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 30px;
  color: #e9e7fd;
  text-shadow: 2px 2px 6px #4e51dd, -2px -2px 6px #4e51dd, 2px 2px 6px #4e51dd, -2px -2px 6px #4e51dd;
}

.box3_txt p b {
  background-position: -543px -85px;
  width: 96px;
  height: 37px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  margin-right: 4px;
  margin-bottom: 5px;
}

.box3_txt p.p1 {
  margin-bottom: 3px;
}

.box3_txt p.p2 {
  margin-bottom: 6px;
}

.box3_txt p.p3 {
  margin-bottom: 11px;
}

.box3_txt p.p4 {
  text-indent: 51px;
}

/*.box3_txt p.ts{display: flex; justify-content: flex-start;}*/
.box3_txt p em {
  background-position: -757px 0;
  width: 22px;
  height: 14px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  margin-right: 4px;
}

.icon_box1_rw {
  animation: anm_rw 3s linear infinite;
  z-index: 3;
  pointer-events: none;
}

@keyframes anm_rw {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(0);
  }
}

.user-inf select {
  padding: 0 34px 0px 20px;
  -webkit-appearance: initial;
}

.my-address {
  word-break: break-all;
}

.box4 {
  height: 836px;
}

.box4 .title {
  background: url(../img/new/title3.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 580px;
  height: 135px;
}

.box4 .main {
  margin: 0 auto;
  width: 1280px;
  display: flex;
}

.box4 .main .items {
  display: flex;
  height: 549px;
  min-width: 77px;
  margin: 0 2px;
}

.box4 .main .items.active .l {
  background: url(../img/new/box4-bg2.png) no-repeat;
}

.box4 .main .items.active .r {
  width: 809px;
}

.box4 .main .items .l {
  background: url(../img/new/box4-bg1.png) no-repeat;
  background-size: 100% 100%;
  width: 77px;
  height: 549px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  padding-top: 70px;
  box-sizing: border-box;
}

.box4 .main .items .l .icon {
  display: block;
  margin: 0 auto;
  width: 52px;
  margin-bottom: 22px;
  height: 51px;
  padding: 0;
}

.box4 .main .items .l p {
  width: 53px;
  height: 290px;
  color: #6e3a11;
  font-size: 24px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.3;
}

.box4 .main .items .r {
  background: url(../img/new/box4-bg3.png) no-repeat;
  background-size: 100% 100%;
  width: 0;
  overflow: hidden;
  height: 508px;
  margin-left: -20px;
  margin-top: 34px;
  padding-top: 18px;
  box-sizing: border-box;
  padding-left: 15px;
  transition: .2s linear all;
  position: relative;
}

.box4 .main .items .r .jqqd {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 312px;
  height: 312px;
  transform: translate(-50%, -50%);
}

.box4 .main .items .r .icon {
  margin: 0 auto;
  width: 722px;
  height: 419px;
}

.box4 .main .items .r .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.box4 .main .items .r .txt {
  color: #5f4636;
  font-size: 22px;
  width: 722px;
  margin: 0 auto;
  text-align: center;
}

.box5 {
  height: 1140px;
}

.box5 .title {
  background: url(../img/new/title4.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 580px;
  height: 135px;
  margin-bottom: 0;
}

.box5 .videoBox {
  background: url(../img/new/videoBox.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 1213px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 712px;
  padding-bottom: 43px;
  box-sizing: border-box;
  margin-top: -10px;
  padding-left: 7px;
  padding-top: 2px;
}

.box5 .videoBox .box {
  width: 1008px;
  height: 520px;
  position: relative;
}

.box5 .videoBox .videoPoster {
  cursor: pointer;
}

.box5 .videoBox #vplay-con {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 1008px;
  height: 520px;
  margin: 0 auto;
  object-fit: cover;
  mask-image: url(../img/new/videoPoster.png);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.box5 .videoBox #vplay-con * {
  object-fit: cover;
}

.box5 .videoBox #vplay-con video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}

.box5 .videoBox video {
  width: 1008px;
  height: 520px;
  margin: 0 auto;
  object-fit: cover;
}

.box5 .txt {
  width: 1090px;
  margin: 0 auto;
  color: #6f5c50;
  font-size: 21px;
}

.box6 {
  height: 1060px;
}

.box6 .title {
  background: url(../img/new/title5.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 580px;
  height: 135px;
}

.box6 .main {
  width: 1218px;
  height: 663px;
  margin: 0 auto;
  background: url(../img/new/videoBox2.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-bottom: 19px;
  margin-top: 20px;
}

.box6 .main video {
  width: 1008px;
  height: 520px;
  margin: 0 auto;
  object-fit: cover;
}

/*dx*/
.dh_box {
  opacity: 0;
}

.dh_box.move {
  animation: fadeInUp 1s 0.5s ease both;
  display: block;
  opacity: 1;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
